<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv=Cache-Control content=no-cache />
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
  <meta http-equiv="expires" content="0">
  <title></title>
  <!-- <link rel="shortcut icon" href="/img/favicon.ico" /> -->
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/jquery-3.3.1.min.js"></script>
  <link rel="stylesheet" href="css/style.css">
  <script type="text/javascript" src="../../js/jquery.cookie.js"></script>
  <script type="text/javascript" src="../../js/common.js"></script>
  <script type="text/javascript" src="js/d3.v3.min.js"></script>
  <script type="text/javascript" src="js/d3.view.js"></script>
  <style>
    
  </style>
</head>

<body class="publicBody">
  <div class="content">
    <!-- 右侧部分 -->
    <div class="right-content">
      <div class="public-main">
        <div class="public-box">
          <div class="kgView-box">
            <p class="primaryTitle" style="font-weight: bold;">可视化搜索</p>
            <div class="kgViewLeft-box">
              <!-- 搜索框 -->
              <div class="kgSearchBox">
                <input id="kgKeyWord" class="kgSearchInput" placeholder="请输入要查询的关键字" type="text" data-type="知识图谱">
                <button class="kgSearchBtn"><img width="24px" src="img/searchIcon.svg" alt=""></button>
                <!-- <div class="kgSearchHint searchTitleBox" style="max-height: 253px">
									<li class="kgResultHint"
										style="height: 40px;padding:10px;line-height: 22px;color:#BBBBBB;font-size: 12px;display: none">
										<span style="float: left"><img style="margin-right: 6px;"
												src="/img/kgsearch.svg" alt="">匹配结果</span>
										<span style="float: right;margin-right: 10px"><img style="margin-right: 6px;"
												src="/img/kgtab.svg" alt="">语义类型</span></li>
									<ul style="margin:0px;"></ul>
								</div> -->
              </div>
              <!-- 搜索框 -->
              <!-- 知识图谱视图窗口 -->
              <div class="kgViewImgBox">
                <!-- <canvas id="canvas"></canvas> -->
                <div id="svg"></div>
              </div>
            </div>
            <div class="kgViewRight-box">
              <div>
                <div class="kgStickyNoteHead">
                  <span>筛选属性关系</span>
                  <div class="kgStickyNoteAll">
                    <input type="checkbox" id="kgStickyNoteAll" checked>
                    <label for="kgStickyNoteAll">全选</label>
                  </div>
                </div>
                <div id="kgWrap">
                  <div class="kgStickyNoteBox">
                    <button class="kgStickyNoteBtn kgStickyNoteBtnSelect" data-num="1">测试测试</button>
                  </div>
                  <!-- <div id="kgGradient"></div> -->
                </div>
                <div id="kgRead-more"></div>
              </div>
              <div style="margin-top: 40px">
                <div class="kgStickyNoteHead">
                  <span>筛选值的语义类型</span>
                  <div class="kgStickyNoteAll">
                    <input type="checkbox" id="kgStickyNoteAll2" checked>
                    <label for="kgStickyNoteAll2">全选</label>
                  </div>
                </div>
                <div id="kgWrap2">
                  <div class="kgStickyNoteBox">
                    <button class="kgStickyNoteBtn kgStickyNoteBtnSelect" data-num="1">测试测试</button>
                  </div>
                  <!-- <div id="kgGradient"></div> -->
                </div>
                <div id="kgRead-more2"></div>
              </div>
              <!-- <div class="kgvieweEplain" style="padding-top: 40px">
								<p><b>数据来源：</b>OMAHA知识图谱、OMAHA七巧板医学术语集</p>
								<p><b>更新时间：</b>2019.12.25</p>
								<p><b>其他说明:</b><span>&nbsp&nbsp&nbsp当属性值背景色为 <span class="glyphicon glyphicon-stop"
											style="color: #D9E8F5;"></span>，表示该关系与其他关系均不成组；若为其他颜色，则表示该关系与其他关系成组表达，且颜色相同为同一组关系。</span>
								</p>
							</div> -->
            </div>
          </div>
          <div class="clear"></div>
          <!-- <script type="text/javascript" src="/D3/js/animation.js"></script> -->

        </div>
      </div>
    </div>
  </div>
</body>
<script type="text/javascript" src="js/index.js"></script>

</html>